import Vue from "vue";
import App from "./App.vue";
import VueLazyload from "vue-lazyload";

// 引入路由
import router from "./router";
// 引入vuex
import store from "./store";

import Footer from '@/components/Footer'
import Header from '@/components/Header'
import TapMessage from '@/components/TapMessage'
Vue.component("Footer",Footer)
Vue.component("Header",Header)
Vue.component("TapMessage",TapMessage)
// 引入CSS默认样式
import "@/assets/css/reset.css";
import "./app.css";
// 字体样式，引入字体后自行打开
import "@/assets/font/iconfont.css";
// 引入el库
import "./main.stylus"
import "./plugins/element.js";
import "element-ui/lib/theme-chalk/index.css";
// 使用图片懒加载
Vue.use(VueLazyload, {
  preLoad: 1.3, // 可见区域的1.3倍
  loading: require("./assets/images/loading.gif"), //加载中图片，一定要有，不然会一直重复加载占位图
  error: require("./assets/images/loadErr.jpg"), //加载失败图片
});
// 引入el的C3样式
import "element-ui/lib/theme-chalk/index.css";

Vue.config.productionTip = false;
new Vue({
  render: (h) => h(App),
  router,
  store,
}).$mount("#app");
